header {
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    font-size: 0.36rem;
    color: #fff;
    background: url(../img/header_bar.png) center center;
    background-size: 100%;
}

.content .user_pic {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin: 0.6rem auto 0.2rem auto;
    overflow: hidden;
}
.content .user_pic img{
    /*border-radius: 50%;*/
    vertical-align: top;
    width: 100%;
}
.content .user_info {
    text-align: center;
}

.content .user_info .nickname {
    font-size: 0.3rem;
    color: #333;
    margin-bottom: 0.2rem;
}

.content .user_info .position {
    width: 2.4rem;
    height: 0.58rem;
    border: 1px solid #3db7f6;
    margin: 0 auto;
    border-radius: 5px;
    line-height: 0.58rem;
    font-size: 0.3rem;
    color: #3db7f6;
}

.setting {
    margin-top: 0.4rem;
}

.setting li {
    width: 6.9rem;
    height: 0.96rem;
    background: #fff;
    margin: 0.24rem auto;
    border-radius: 3px;
    box-shadow: 0px 1px 3px #bcbcbc;
    line-height: 0.96rem;
     -webkit-tap-highlight-color:transparent; 
}
.setting li a{
    width: 100%;
    height: 100%;
    display: block;
}
.setting li .to_right,
.setting li .icon_red {
    width: 0.3rem;
    height: 0.3rem;
    background: url(../img/to_right.png) center center;
    background-size: 100%;
    margin: -0.6rem 0.2rem 0 0;
}

.setting li .icon_red {
    background: url(../img/to_red.png) center center;
    background-size: 100%;
}

.setting li span {
    font-size: 0.3rem;
    color: #333;
}

.setting li .user_msg,
.setting li .cpsw,
.setting li .seeting,
.setting li .logout {
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    margin: 0 0.24rem;
    vertical-align: middle;
}

.setting li .user_msg {
    background: url(../img/user_info.png) center center;
    background-size: 100%;
}

.setting li .cpsw {
    background: url(../img/lock.png) center center;
    background-size: 100%;
}

.setting li .seeting {
    background: url(../img/seeting.png) center center;
    background-size: 100%;
}

.setting li .logout {     background: url(../img/logout.png) center center;
background-size: 100%; } .layer{     position: fixed;     left: 0;     top: 0;
z-index: 1;     background: rgba(0,0,0,0.7);     width: 100%;     height: 100%;
display: none; } /*.login_box{      width: 100%;     height: 100%;
position:relative;       left:50%; }*/ .login_box{     width: 6.9rem;
height: auto;     background: #fff;     position: absolute;     z-index: 9;
display: none;     left: 4.2%;     top:40%;     transform: translateY(50%);
padding-top: 0.2rem;     box-sizing:border-box;     border-radius: 3px; }
.tit_text{     height: 0.8rem;     text-align: center;     font-size: 0.4rem;
line-height: 0.6rem;     border-bottom: 1px solid #ccc;     padding-bottom:
0.2rem; } .login_box .tit_text{     text-align: center; } .btns{     width:
100%;     display: flex; } .btns a{     flex:1;     height: 1rem;     display:
inline-block;     width: 49.17%;     color: #fff;     font-size: 0.3rem;
text-align: center;     line-height: 1rem; } a.btn_cancal{     color: #ccc;
border-right: 1px solid #ccc; } .btn_enter{     background: #3db7f6; }
